<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="${BASE_PATH}/static/app/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/header.css"/>		
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/footer.css"/>
		<title>妈咪说</title>
		<style type="text/css">
			body{
				background:#fafafa;
				
			}
			.body-box{
				padding:1rem;
				padding-top:5rem;			
			}
			.warp{
			    height: 4.2rem;
				padding: 1.3rem 0rem;
				border-radius: 10px;				
				box-shadow: 0px 0px 14px #dcdfe0;
				margin-bottom: 1.2rem;
			}
			.imgs{
				width: 3rem; 
				margin-left: 2rem;
			}
			.warp-title{
			    display: inline-block;
			    vertical-align: .5rem;
			    line-height: 1.5rem;
			    margin-left: .6rem;
			}
			.warp-title h3{
				font-size: .97rem;
				color: #909090;
			}
			.warp-title p{
				font-size: .85rem;
				color: #b8b8b8;
			}
			.shouye {
			    background: url(/static/app/img/201805021845.png) no-repeat;
			    background-size: cover;
			}
			.fenlei {
			    background: url(/static/app/img/201805021845-2.png) no-repeat;
			    background-size: cover;
			}
			 footer{
			     left: 0;
			   border:none;
			 }
			
			a{
			 text-decoration: none;
			} 
			
		</style>
	</head>
	<body>
	<div class="header">
		<a href="/index"><span class="back"></span></a>
		<a href="/index"><span class="logo_pic"></span></a>
		<span class="logo_text">OK 妈咪</span>
	</div>
	<div class="body-box">
		   <a href="http://okmami.bain.net.cn/OKmamiguide/home.html">
				<div class="warp">
					<img src="${BASE_PATH}/static/app/img/201805091131.png" class="imgs"/>
					<div class="warp-title">
						<h3>辣妈攻略</h3>
						<p>孕前、孕后，给辣妈们更专业的帮助</p>
					</div>
				</div>
			 </a>
			<a href="${BASE_PATH}/goods/youxuan">
				<div class="warp">				
					<img src="${BASE_PATH}/static/app/img/201805091132.png" class="imgs"/>
					<div class="warp-title">
						<h3>孕期知识</h3>
						<p>孕前、孕后，给辣妈们更专业的帮助</p>
					</div>
				</div>
			 </a>
		</div>
			<footer>
				<ul>
					<a href="${BASE_PATH}/index"><li ><i class="shouye"></i>首页</li></a>
					<a href="${BASE_PATH}/goods/momsay"><li class="text_on"><i class="fenlei "></i>辣妈说</li></a>
					<a href=" https://h5.youzan.com/v2/showcase/homepage?alias=1fo6ae813&sf=wx_menu"><li><i class="youxuan"></i>商城</li></a>
					<a href="${BASE_PATH}/order/list"><li><i class="dingdan"></i>订单</li></a>
					<a href="${BASE_PATH}/my"><li><i class="my"></i>我的</li></a>
				</ul>
			</footer>
	</body>
</html>
